<script setup lang="ts">
import {http} from '@/utlis/http.ts'
import { ref } from 'vue';
const change=(e)=>{
console.log(e)
}
const icon_list=ref([
	{
		id:1,
		url:'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
		function:'首席月嫂',
		page_path:'/static/05.png'
	},
	{
		id:2,
		url:'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
		function:'金牌月嫂',
		page_path:'/static/04.png'
	},
	{
		id:3,
		url:'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
		function:'资深月嫂',
		page_path:'/static/03.png'
	},
	{
		id:4,
		url:'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
		function:'核心月嫂',
		page_path:'/static/02.png'
	},
	{
		id:5,
		url:'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
		function:'骨干月嫂',
		page_path:'/static/01.png'
	},
	{
		id:0,
		url:'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
		function:'全部月嫂',
		page_path:'/static/00.png'
	},
])
const theoty = ref([
	{
		title:'篮球裁判员职业技能第1次理论测试题',
		url:'https://ks.wjx.top/vm/wdLJQX3.aspx'
	},
	{
		title:'篮球裁判员职业技能第2次理论测试题',
		url:'https://kaoshi.wjx.top/vm/rrtZgnX.aspx'
	},
	{
		title:'篮球裁判员职业技能第3次理论测试题',
		url:'https://kaoshi.wjx.top/vm/ON6fgvL.aspx'
	},
	{
		title:'篮球裁判员职业技能第4次理论测试题',
		url:'https://kaoshi.wjx.top/vm/wFLx4Nw.aspx'
	}
])
const toURL = (url)=>{
	console.log('oo');
	
	uni.navigateTo({url:`/pages/theory/theory?url=${url}`})
}
</script>
<template>
  
	<view class="setitle">
		<view class="sethead"><image
			style="width: 50rpx;height: 50rpx;"
				src="/static/title.png"
				mode="scaleToFill"
			/><text>理论测试</text></view>
			<!-- ------------ -->
			<uni-list>
				<a style="text-decoration: none;" v-for="item in theoty" :key="item.title" :href="item.url"><uni-list-item :title="item.title" showArrow></uni-list-item></a>
					
				</uni-list>
		</view>
</template>
<style lang="scss">
	.setitle{
	
	margin: 3px;
	margin-top: 6px;
	margin-bottom: 6px;
	
	border-radius: 5px;
	font-size: 15px;
	background-color: #fff;
	color: rgba(0, 0, 0, 0.7);
	padding-bottom: 10px;
	.sethead{
		display: flex;
		border-radius: 0;
		font-weight: 600;
		padding-top: 5px;
		padding-bottom: 5px;
		border-bottom: 0.5px solid rgba(0, 0, 0, 0.3) ;

	align-items: center;
	image{
		/* margin-right: 2px; */
	}
	}
	
}
	.image {
		width: 25px;
		height: 25px;
	}

	.text {
		font-size: 14px;
		margin-top: 5px;
	}
	.grid{
		/* height: 150rpx; */
	}

	.example-body {
		/* #ifndef APP-NVUE */
		display: block;
		
		/* #endif */
	}

	.grid-dynamic-box {
		margin-bottom: 15px;
	}

	.grid-item-box {
		flex: 1;
		position: relative;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 15px 0;
	}

	.grid-item-box-row {
		flex: 1;
		 position: relative;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		align-items: center;
		justify-content: center;
		padding: 15px 0;
	}

	.grid-dot {
		position: absolute;
		top: 5px;
		right: 15px;
	}

	.swiper {
		height: 420px;
	}

	/* #ifdef H5 */
	@media screen and (min-width: 768px) and (max-width: 1425px) {
		.swiper {
			height: 630px;
		}
	}

	@media screen and (min-width: 1425px) {
		.swiper {
			height: 830px;
		}
	}

	/* #endif */

	</style>

